<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Vuexy admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords" content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>Fixed Navbar - Vuexy - Bootstrap HTML admin template</title>
    <!-- <link rel="apple-touch-icon" href="../../../app-assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/ico/favicon.ico"> -->
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/bootstrap-extended.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/colors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/components.min.css')}}">
    <!-- <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/dark-layout.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/semi-dark-layout.css"> -->
    <link rel="stylesheet" type="text/css" href="{{asset('vuexy/assets/css/core/menu/menu-types/vertical-menu.min.css')}}">
    @yield('css')

</head>

<body class="vertical-layout vertical-menu-modern 2-columns  navbar-sticky fixed-footer" data-open="click" data-menu="vertical-menu-modern" data-col="2-columns">

    @include('vuexy.common.header')

    @include('vuexy.common.menu')

    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            @yield('content')
        </div>
    </div>
    <div class="sidenav-overlay"></div>
    <div class="drag-target"></div>

    @include('vuexy.common.footer')
    <script src="{{asset('vuexy/assets/js/vendors.min.js')}}"></script>
    <script src="{{asset('vuexy/assets/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('vuexy/assets/js/core/app-menu.min.js')}}"></script>
    <script src="{{asset('vuexy/assets/js/core/app.min.js')}}"></script>
    @yield('js')

</body>

</html>